<script>
export default {
  name: 'BaseFooter',
  functional: true,
  render(createElement, context) {
    return (
      <footer class="base-footer">
        @CopyRight JXNU Homyit  WuCan <br/>   
        {/* <!-- nickname: Zix --> */}
      </footer>
    )
  }
}
</script>

<style>
  .base-footer {
    display: none;
    margin-top: 2rem;
    margin-right: -1rem;
    /* margin-left: 11rem; */
    padding: 1rem 0;
    background-color: rgba(0, 0, 0, 0.95);
    color: white;
    text-align: center;
  }

  @media(max-width: 578px) {
    .base-footer {
      display: block;
      margin-bottom:  3.5rem;
      margin-left: -1rem;
    }
  }
</style>